//import start
@import "userRegisterHelper/userRegisterMixin";
@import "userRegisterHelper/_userRegisterVariable";
//@import 'compass/css3/background-size';
//import end

/*override bootstrap start*/
.form-group {
  margin-bottom: 10px !important;
}
/*override bootstrap end*/

/*logo style start*/
.logoStyle {
  border-right: 2px #CEEEFF solid;
}

.logoStyle img {
  margin-left: -22px;
}

/*logo style end*/

/*form style start*/
#userRegisterForm {
  margin-left: 30px;
}

.registerWord {
  line-height: 110px;
  font-size: 20px;
}

.hintMessage {
  color: #808080;
  opacity: 0.5;
}

.hiddenHint {
  position: relative;
  left: -1000px;
}

.inputSucceed {
  @include inputBorder(2px);
  @include boxShadow(rgb(65, 178, 102));
}

.inputDefeat {
  @include inputBorder(2px, $errorMessageColor);
  @include boxShadow(rgba(216, 34, 13, .6));
}

.mistakeMessage {
  position: relative;
  top: 32px;
  color: $errorMessageColor;
}

#obtainVerificationCode {
  position: absolute;
  left: 474px;
  top: 25px;
}

#verificationCodeImg {
  width: 88px;
  height: 32px;
  position: absolute;
  border-radius: 4px;
  left: 481px;
  top: 26px;
}

#verificationCodeImg:hover{
  cursor: pointer;
}
/*form style end*/